<%@ page contentType="text/html; charset=UTF-8" %>
<!DOCTYPE html>

<html>
	<head>
		<title><g:layoutTitle default="Grandes Ideias para seu Evento"/></title>
		<link rel="stylesheet" href="${resource(dir: 'css', file: 'style.css')}" type="text/css"/>
		<link href='http://fonts.googleapis.com/css?family=Cinzel+Decorative' rel='stylesheet' type='text/css'>
		<g:layoutHead/>
		<r:layoutResources />
	</head>
	<body>
		<div class="header">
			<div class="logo">
			
			</div>
			<h1>Grandes Ideias para seu Evento</h1>		
		</div>
		<div class="container">
			<div class="content">
			<g:if test="${flash.error}">
				<div class="error">${flash.error}</div>
			</g:if>
			<g:if test="${flash.success}">
				<div class="success">${flash.success}</div>
			</g:if>
			
				<g:layoutBody/>
				<div class="post">
					<div class="date"><h2></h2></div>
					<h1 class="title">Ideias modernas sobre organização de eventos</h1>
					<p>Inove seu evento com ideias modernas e diferentes</p>				
				</div>			
			</div>
			<div class="side">
				<ul class="side-shadow">
					<h2 class="menu-title">Ultimos 20 posts</h2>
					<g:each in="${posts}">
						<li><a href= "${createLink(controller: 'post', action:'show', id: it.id)}">${it.titulo}</a></li>
					</g:each>
					
				</ul>			
			</div>		
		</div>		
		<r:layoutResources />	
	</body>
</html>